<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        h1 {
            color: rgb(255, 0, 0);
            font-size: 50px;
            font-weight: normal;
            font-style: italic;
            border: 1px solid;
            text-align: right;
            text-decoration: line-through;
            font-family: "幼圆";
        }

        p {
            font-size: 30px;
            font-weight: 600;
            border: 1px solid;
            line-height: 90px;
        }

        span {
            border: 1px solid;
        }

        .span-father {
            line-height: 100px;
            height: 100px;
            border: 1px solid;
            text-align: right;
        }
    </style>
</head>

<body>
    <div class="span-father">
        <span>简短文字</span>
        <span>简短文字</span>
        <span>简短文字</span>
    </div>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <p>这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字这是一段文字</p>
    <p>这是一段文字</p>
    <p>这是一段文字</p>
    <p>这是一段文字</p>

  

    <strong>字体加粗</strong>
    <strong>字体加粗</strong>
    <strong>字体加粗</strong>
    <strong>字体加粗</strong>

    <em>字体倾斜</em>
    <em>字体倾斜</em>
    <em>字体倾斜</em>
    <em>字体倾斜</em>


    <div>
        普通文本
    </div>
</body>

</html>